Skip to main content

Drop down Field

Type

widget

Description

Dropdown is a closed-ended field type where people can select only one answer from a menu of choices, ideal for presenting a long list of options without cluttering your form.

Children Properties

Property

NameSummarySyntax
saveContentLinked to the saveContent property of the materialField widget.set the saveContent of <widget> to pValue get the saveContent of <widget>
borderColorThe color of the widget's border.set the borderColor of <widget> to <Color> get the borderColor of <widget>
defaultTextSet the defaultText of the widget.set the defaultText of <widget> to pValue get the defaultText of <widget>
trailingIconNameThe icon name of the trailing icon.set the trailingIconName of <widget> to pIcon get the trailingIconName of <widget>
menuHiliteColorThe color of the menu selection.set the menuHiliteColor of <widget> to <Color> get the menuHiliteColor of <widget>
floatLabelThe behavior of the label.set the floatLabel of <widget> to floatLabel get the floatLabel of <widget>
backgroundColorThe color of the widget's background.set the backgroundColor of <widget> to <Color> get the backgroundColor of <widget>
textThe text contained in the field widget.set the text of <widget> to pText get the text of <widget>
menuTextThe menu items of the popupset the menuText of <widget> to <List> get the menuText of <widget>
menuTextColorThe color of the menu text.set the menuTextColor of <widget> to <Color> get the menuTextColor of <widget>
themeDataThe theme mappings of this widgetset the themeData of <widget> to {<array>} get the themeData of <widget>
menuBackgroundColorThe back color of the menuset the menuBackgroundColor of <widget> to <Color> get the menuBackgroundColor of <widget>
supportingTextColorThe color of the widget supporting text.set the supportingTextColor of <widget> to <Color> get the supportingTextColor of <widget>
roundedRadiusThe radius of the button cornersset the roundedRadius of <widget> to pRoundedRadius get the roundedRadius of <widget>
showLabelMake the label visible.set the showLabel of <widget> to {true | false} get the showLabel of <widget>
labelThe label summaryset the label of <widget> to pLabel
iconSizeThe size of the arrow icon of the buttonset the iconSize of <widget> to pIconSize get the iconSize of <widget>
focusColorThe color used to remark when widget is focused.set the focusColor of <widget> to <Color> get the focusColor of <widget>
leadingIconNameThe icon name of the leading icon.set the leadingIconName of <widget> to pIcon get the leadingIconName of <widget>
leadingIconShow the leading icon.set the leadingIcon of <widget> to {true | false} get the leadingIcon of <widget>
variantThe stye of the widget.set the variant of <widget> to variant get the variant of <widget>
hoverColorThe hover color of the widget's background.set the hoverColor of <widget> to <Color> get the hoverColor of <widget>
menuHiliteTextColorThe color of the text of the menu selection.set the menuHiliteTextColor of <widget> to <Color> get the menuHiliteTextColor of <widget>